<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
    <title>医疗His</title>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/home_page_common.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/css/medical_his/medical_his.css"/>");</style>
</head>
<body style="padding-top: 0px!important; overflow-y: scroll">
<!-- Preloader -->
<div class="animationload">
    <div class="loader">
        Loading...
    </div>
</div>
<!--跳转过来前是否为全屏状态-->
<input type="hidden" id="screenState" value="${screenState}">
<div class="outer">
    <div class="fullScreen">
        <header>
            <div class="head tag-area tag-left">
                <div class="tag" id="institutionReview"><span>机构信息</span></div>
                <div class="tag checked" id="institutionAutonomy"><span>机构自治</span></div>
                <div class="tag" id="industryAutonomy"><span>行业自律</span></div>
                <div class="tag" id="governmentVision"><span>政府监管</span></div>
            </div>
            <div class="head title"></div>
            <div class="head tag-area tag-right">
                <div class="tag" id="societyVision"><span>社会监督</span></div>
                <div class="tag" id="comprehensiveApplication"><span>综合应用</span></div>
                <div class="tag" id="systemSetting"><span>系统设置</span></div>
                <div class="tag" id="logout"><span>退出系统</span></div>
            </div>
            <div class="head fullscreen-button">
                <img id="full_scr" style="height: 0.2rem;right: 0.1rem;" class="fullScreen-toggle" src="img/fullscreen.png">
                <img id="exit_full"  class="fullScreen-toggle" style="display:none; height: 0.2rem;right: 0.1rem;" src="img/exitfullscreen.png">
            </div>
        </header>

        <div class="backRow">
            <div class="back" id="institutionAutonomyBack">
                <div class="back_img"></div>
                <div class="backfont"><span>返回</span></div>
            </div>
            <div class="childTag">医疗HIS</div>
        </div>

        <section class="mainbox">
            <!--左部-->
            <div class="column">
                <div class="chartRect" id="electronicMedicalHisPie"></div>
                <div class="chartRect">
                    <div class="polarChart" id="prescriptionViolationPolar"></div>
                </div>
            </div>
            <!--中部-->
            <div class="middleColumn">
                <div class="top">
                    <div class="numRect">
                        <span class="title">电子病历</span>
                        <div class="numbers" id="medicalTotal">
                            <%--<span class="number">1</span>
                            <span class="number">2</span>
                            <span class="number">6</span>
                            <span class="number">5</span>--%>
                        </div>
                    </div>
                    <div class="numRect">
                        <span class="title">电子处方</span>
                        <div class="numbers" id="prescriptionTotal">
                            <%--<span class="number">1</span>
                            <span class="number">2</span>
                            <span class="number">6</span>
                            <span class="number">5</span>--%>
                        </div>
                    </div>
                    <div class="numRect">
                        <span class="title">卫生台账</span>
                        <div class="numbers" id="accountTotal">
                            <%--<span class="number">3</span>
                            <span class="number">1</span>
                            <span class="number">2</span>
                            <span class="number">6</span>
                            <span class="number">5</span>--%>
                        </div>
                    </div>
                </div>
                <div class="middle">
                    <div class="proportionRect">
                        <div class="proportionAbove" id="prescriptionViolationProportion">
                            <%--<span>50家</span>
                            <span>2%</span>--%>
                        </div>
                        <div class="record_img"></div>
                        <div class="base_img"></div>
                        <span class="proportionBottom">诊疗行为违规机构</span>
                    </div>
                    <div class="proportionRect">
                        <div class="proportionAbove" id="abnormalAccountProportion">
                            <%--<span>30家</span>
                            <span>5%</span>--%>
                        </div>
                        <div class="record_img"></div>
                        <div class="base_img"></div>
                        <span class="proportionBottom">台账异常机构</span>
                    </div>
                </div>
                <div class="bottom">
                    <div class="leftChart" id="prescriptionViolationTrendLine"></div>
                    <div class="rightChart" id="abnormalAccountTrendLine"></div>
                </div>
            </div>
            <!--右部-->
            <div class="column">
                <div class="chartRect" id="healthAccountPie"></div>
                <div class="chartRect">
                    <span style="width: 100%; text-align: center; font-size: 0.225rem; align-items: center; line-height: 0.25rem; color: white">卫生台账类型</span>
                    <div class="barChart" id="healthAccountBar"></div>
                </div>
            </div>
        </section>

        <footer>
            <div><span>设计单位：杭州全诊医学科技有限公司 www.aioclinic.com</span></div>
        </footer>
    </div><!-- fullScreenDiv -->
</div>

<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.1.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/medical_his/medical_his.js?V0.3"/>" type="text/javascript"></script>
</body>
</html>
